@import "reset.css";

body {
	margin: 0;
	padding: 0;

	background: #B3D3E2 url(../images/img02.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A554E;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #32639A;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 1.6em;
	margin-left: 5px;
    margin-top: 10px;
}

p, ul, ol {
	margin-top: 0;
	line-height: 140%;
}

ul, ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
	text-decoration: underline;
	color: #516C00;
}

a:hover {
	text-decoration: none;
}

h2 a {
	text-decoration: none;
}

#wrapper {
	margin: 0px;
	padding: 0px;
}

.required{
	font-weight: bold;
}

.title{
	border-bottom:2px solid #CCCCCC;
	margin:0 0 30px;
	padding-bottom:4px;
}

.price {
	color:#900000;
	font-weight:bold;
	margin:0 10px 5px 0;
}


/* Inputs - Begin*/
.input{
	float:left;
	font-size:15px;
	height:20px;
	margin-top:-7px;
	outline:medium none;
	padding:4px;
	width:200px;
}
.input:focus{
	color: #32639A;
}
/* Inputs - End*/

/* Header - Begin */

#header {
	height:85px;
	margin:0 auto;
	padding:0;
	width:1000px;
}
#user_header {
	height:32px;
	margin:0 auto;
	padding:0;
	width:1000px;
}
#header #usermenu{
	height:20px;
	padding-top:2px;
}

#user_header #usermenu{
	float:right;
	margin-right:52px;
	padding-top:8px;
}
.menu{
	float:right;
	margin-left:10px;
}
.menu a{
	color: #fff;
	text-decoration: none;
}
/* Header - End */

/* Logo - Begin */
#header #logo {
	color:#000000;
	float:left;
	margin:0;
	padding:0 0 0 34px;
}

#user_header #logo {
	color:#000000;
	float:left;
	margin:0;
	padding:0 0 0 34px;
	width: 212px;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
}

/* Logo - End */

/* User Search - Begin */
#user_header #search{
	-moz-border-radius:7px;
	border-radius:7px;
	border:medium none;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:18px;
	font-weight:normal;
	height:10px;
	line-height:normal;
	padding:8px;
	position:relative;
	top:2px;
	width:272px;
}

#user_header .inputSearch{
	float:left;
	font-size:10px;
	height:12px;
	margin-top:-6px;
	outline:medium none;
	padding:4px;
	width:180px;
}
#user_header .inputSearch:focus{
	color: #3dc1ce;
}
#user_header .inputSubmit{
	font-size:11px;
	cursor:pointer;
	float:left;
	height:20px;
	margin-left:6px;
	margin-top:-5px;
	outline:medium none;
	width:70px;
}
/* User Search - End */

/* Search - Begin */
#header #search {
	-moz-border-radius:7px;
	border-radius:7px;
	background-color:#493E2B;
	border:medium none;
	color:#FFFFFF;
	display:block;
	float:right;
	font-size:18px;
	font-weight:normal;
	height:20px;
	line-height:normal;
	margin-right:20px;
	padding:15px;
	position:relative;
	top:8px;
	width:400px;
}
#header .inputSearch{
	float:left;
	font-size:15px;
	height:20px;
	margin-top:-7px;
	outline:medium none;
	padding:4px;
	width:294px;
}
#header .inputSearch:focus{
	color: #3dc1ce;
}
#header .inputSubmit{
	cursor:pointer;
	float:left;
	height:30px;
	margin-left:10px;
	margin-top:-5px;
	outline:medium none;
	width:80px;
}

/* Search - End */

/* Categories - Begin */
.categories{
	width: 150px;
	float: left;
}

.categories h1{
	margin-bottom: 10px;
}

.categories a{
	text-decoration: none;
}

.categories a{
	text-decoration: none;
}

.categories a:hover{
	text-decoration: underline;
}

.categories li{
	list-style-image: url('../images/bullet.jpg');
}
/* Categories - End */

/* Div Articles Home - Begin */
.gallery {
	-moz-border-radius:5px;
	border-radius:5px;
	border: 1px solid #ccc;
	padding: 15px;
	float: right;
	width: 660px;
	height: auto;
}

.gallery ul {
	clear: both;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.gallery ul li {
	/* padding-top: 15px; */
	float: left;
	margin:auto;
	overflow:hidden;
	text-align:center;
	width:162px;
}

.gallery p {
	float: right;
}

.gallery .price {
	float:right;
}

.gallery .image {
	background-color:#FFFFFF;
	border:1px solid #CACACA;
	height:90px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	width:90px;
}
.gallery .title {
	font-size:12px;
	height:35px;
	margin: 0px;
	margin-top:10px;
	overflow:hidden;
	padding-left:5px;
	text-align:left;
}

.gallery .separator {
	border-right:1px dashed #CDCDCD;
	float:left;
	height:145px;
	margin-right: 5px;
	overflow:hidden;
	width:5px;
}
/* Div Articles Home - End */

/* Form - Begin */
.form{
	margin: 30px;
}
.form table td{
	padding: 10px;
}
.form td.label{
	width: 120px;
}
/* Form - End */

/* Tags - Begin */
.taglist{
   padding-top: 15px;
   padding-bottom: 10px;
}

.taglist .removetag {
   vertical-align: middle;
   width: 18px;
   height: 18px;
}

.taglist span {
   margin-right: 1.4em;
}
/* Tags - End */


/* News - Begin */

.news .social_divider {
	background:url("../images/divider.png") no-repeat scroll center top transparent;
	float:left;
	height:180px;
	margin:0;
	padding:0 5px;
	width:1px;
}

.news h2 {
	padding-bottom: 10px;
	font-size: 22px;
}

.news .news_content{
	float: left;
	width: 570px;
}

.news .news_list{
	float: right;
	width: 273px;
}
/* News - End */

/* Page - Begin */
#page {
	/*
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
*/
	-moz-border-radius:7px;
	-moz-border-radius:7px;
	border-radius: 7px;
	border-radius: 7px;
	background:none repeat scroll 0 0 #FFFFFF;
	margin:0 auto;
	min-height:400px;
	padding:30px 50px;
/*	padding:30px 50px 0; */
	width:900px;
	overflow: auto;
	clear: both;
}
/* Page - End */

/* Store - Begin */
#store {
	-moz-border-radius:7px;
	border-radius:7px;
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 10px auto;
	min-height: 400px;
	overflow: auto;
	padding: 30px 50px 30px;
	width: 900px;
}

#store .header{
	width:100%;
	height: 100px;
	vertical-align: center;
}

#store .articles{
	float: right;
}

#store .categories{
	float: left;
}

#store .news{
	padding-top: 50px;
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#store .fb-ilike{
	float: right;
	padding-bottom: 10px;
	margin-right:50px;
}

/* Store - End */

/* Store Admin Actions - Begin */
#store #admin_actions{
	float: right;
}
#store #admin_actions .ui-icon{
	display: inline;
	float: right;
}
/* Store Admin Actions - End */

/* Content - Begin */
#content {
	float: left;
	width: 570px;
	padding: 0px 0px 0px 0px;
}
/* Content - End */

/* Footer - Begin */
#footer-content {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	background-color:#493E2B;
	color:#887450;
	font-size:12px;
	height:180px;
	margin:0 auto;
	padding:40px 50px 10px;
	width:900px;
}


.list li {
	margin-bottom: 6px;
}

#footer {
	height: 10px;
	margin: 0 auto;
	padding: 5px 0 15px;
	text-align: center;
}

#footlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#footer p {
	font-size:12px;
	line-height:normal;
	margin:0;
	text-align:center;
}

#footer a {
	text-decoration: none;
	color: #000;
}

#footer-content strong {
	color: #E3D2B6;
}

#footer-content a {
	color: #AA8B55;
}

#footer-content h2 {
	color: #E3D2B6;
}

#footer-content a:hover {
	color: #AA8B55;
}
/* Footer - End */



/* Login - Begin*/
#normal_login{
	border-right:1px solid #CCCCCC;
	float:left;
	height:240px;
	width:440px;
}

#normal_login td{
	padding: 5px;
	vertical-align:middle;
}

#normal_login .submit{
	float:right;
}

#social_login{
	float:left;
	width:440px;
}

/* Login - End*/

/* Icons - Begin */
.icon {
	width: 20px;
	height: 20px;
	background: url(../images/system.jpg);
}

.icon-alert{
	background-position: -67px -100px;
	float:left;
}
/* Icons - End */

/* Messages - Begin*/
.info, .success, .warning, .error, .validation {
	-moz-border-radius:5px;
	border-radius: 5px;
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	clear:both;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/error.png');
}

/* Messages - End*/

/* Carousel - Begin*/
/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 355px;
	width: 700px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}

/* root element for scrollable */
.vertical {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollers have typically larger height than width */

	float:right;
	height:355px;
	padding-right:5px;
	width:660px;
}

/* root element for scrollable items */
.items {
	position:absolute;

	/* this time we have very large space for height */
	height:20000em;
	margin: 0px;
}

/* single scrollable item */
.item {

	border-bottom:1px solid #ddd;
	float: right;
	width: 660px;
	height: 355px;

}

/* elements inside single item */
.item span {font-weight:bold;}

/* the action buttons above the scrollable */
#actions {
	padding-bottom:10px;
	margin:0px;
	width: 660px;
}

#actions a {
	font-size:11px;
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;
}

.next {
	margin-left:520px;
}
/* Carousel - End*/

/* Search - Begin*/
.search-results-list {
	-moz-border-radius:5px;
	border-radius:5px;
	border: 1px solid #ccc;
	padding: 15px;
	margin: 10px 0px;
	float: right;
	width: 660px;
	height:auto !important;
	min-height:80px;
}

.search-results-list .row {
	border-bottom:1px solid #CDCDCD;
	float: left;
	clear: both;
	height: 100px;
	padding: 5px 0;
}

.search-results-list .row .picture {
	float:left;
	text-align: center;
    width: 100px;
}

.search-results-list .row .description {
	color:#333333;
	font-size:11px;
	font-weight:normal;
	float: left;
	height: 90px;
	min-height: 90px;
	width: 400px;
}

.search-results-list .row .price {
	color:#900000;
	font-weight:bold;
	margin:0 10px 5px 0;
	float: left;
	height: 90px;
	min-height: 90px;
	width: 50px;
}

.search-results-list .row .store {
	float:right;
	width: 100px;
	height: 90px;
	min-height: 90px;
	clear: right;
}
/* Search - End*/

/* Pager - Begin */
.pager {
	clear: right;
	width: 400px;
	float: right;
	text-align: right;
	padding: 5px;
}

.pagination_desc {
	padding: 5px 0px;
}
/* Pager - End */
